﻿/*general*/
.main{ margin: 0 auto; /*background:url(../images/main_bj.jpg) repeat-x;*/}
.breadcrumb {color:#333}
.breadcrumb-bar {margin:0 auto;line-height: 42px;width:1000px;border-bottom: 1px solid #dedede;}
.breadcrumb-bar a {color: #333;}
.breadcrumb-bar .li { padding:15px 10px 0 0 }
.breadcrumb-bar span {color: #0157a7;}
.breadcrumb-bar span:hover{color: #c00;}
.innerwrapper{padding-top: 13px;}
.content, .content2 { width:1000px; margin:0 auto; margin-top:10px;padding-bottom: 50px;}
.container {	min-height: 840px;	_height: 840px;	background-repeat: no-repeat;	background-position: 50% 117px;}
.inner-cont {
	float: right;
	width: 730px;
	color: #666
}
.prolist-cont {	min-height: 350px;	float: right;	width: 1035px;	padding: 25px 0;}
.innerbanner {
	width: 100%;
}
.carrersbanner {
	width: 100%;
	height: 523px;
}
.content-bg {
	width: 1000px;
}
.carrerswrapper{
	width: 1000px;
	margin: 0 auto;
}
.op-bg {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF) \8;
	background-color: rgba(231, 231, 231, .8);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidenavtitle {
	width: 231px;
	margin-bottom: 1px;
	
}
.sidenavtitle h2{
	background:#0157a7;
	color: #fff;
	line-height: 44px;
	padding-left: 19px;
	font-size: 16px;
	display: block;
	font-family:"方正粗黑简体""微软雅黑";
}
.sidenav {	/*background: url(../images/sn-bg.png) repeat-y;*/ fixed !important;	width:231px;	float: left;	/*height:700px;*/}
.sidenav .left{float: left;}
.sidenav li {color:#333; }
.sidenav li a { color:#333;font-size:14px; padding:8px 25px; border-bottom:1px solid #ccc;  display: block;  *zoom:1; line-height: 20px; position: relative;  }
.sidenav li:hover>a,
.sidenav li.active>a {	background-color:#197fc7;  color: #fff;  

background: -webkit-gradient(linear, left top, left bottom, from(#197fc7),to(#197fc7));  

background: -webkit-linear-gradient(top, #197fc7 0%,#197fc7 100%);  

background: linear-gradient(to bottom, #197fc7 0%,#197fc7 100%); /* W3C */}
.sidenav li a .fa { position: absolute; right: 15px; top: 8px; line-height: 20px;  color: #999;  }
.sidenav li:hover>a .fa,
.sidenav li.active>a .fa { color: #fff;  }
.sidenav li .fa { padding-right:10px;}
.sidenav .level2{ background:#fff;   display:none ; padding: 5px; }
.sidenav .level2 a{  display:block; border-bottom:1px dashed #e6e6e6; font-size: 12px; }
.sidenav .level2 a:hover{ color:#0157a7;}
.sidenav .level2 a .fa { right: auto; left: 10px;}
.sidecontat{ width:231px; float:left; 	font-size: 12px;color: #333;margin-top: 20px;}
.sidecontat h3{background:#0157a7;font-size:16px;line-height: 44px;padding-left:19px;color:#FFF;	}
.sidecontat h6{ background:url(../images/ind_dq.gif) no-repeat; border-bottom:1px solid #dadada; margin:10px;}
.sidecontat h6 .li{ padding-left:35px; padding-bottom:10px}
.sidecontat h1{ background:url(../images/ind_dh.gif) no-repeat; border-bottom:1px solid #dadada; margin:10px;}
.sidecontat h1 .li{ padding-left:35px; padding-bottom:10px}
.sidecontat h5{ background:url(../images/ind_mail.gif) no-repeat; border-bottom:1px solid #dadada; margin:10px;}
.sidecontat h5 .li{ padding-left:35px; padding-bottom:10px}
.sidelinkPic a{
	display: block;
	margin-top: 13px;
}
/*简介*/
.cont{ color:#0157a7; font-size:24px; margin:0 0 20px 0;display:none;}
.cont1{ color:#0157a7; font-size:24px; margin:0 0 20px 0;}
.about_det{ line-height:28px; color:#333}
.row2 { margin-top: 20px; position: relative;width:730px; }
.mod-bd{}
.tempWrap { margin:0 auto;}
.about-list li { float: left; margin: 0 13px; _display: inline; }
.about-list li .imgWrap { display: table; table-layout: fixed;}
.about-list li .thumbnail { display: table-cell; *display: block;height: 151px; text-align: center; vertical-align: middle; overflow: hidden; }
.about-list li .thumbnail img {vertical-align: middle; }
.about-list li .thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */
.about-list li .caption { text-align: center; line-height: 28px; }
.row2 .prev, .row2 .next { width: 23px; height: 33px; cursor: pointer; position: absolute; top: 50%; margin-top: -19px; }
.row2 .prev { background: url(../images/prev.gif) no-repeat; left: 5px; }
.row2 .next { background: url(../images/next.gif) no-repeat; right: 5px; }

/* latest */
.latest { margin-bottom: 8px; padding-bottom: 20px; border-bottom: 1px solid #ddd; width:735px;}
.latest .imgArea { width: 203px; height: 131px; padding: 4px; border: 1px solid #ddd; margin-right: 20px; float:left;}
.latest .txtArea { height: 140px;}
.latest .txtArea h3 { color:#0d4ebb}
.latest .txtArea h3 a {
	color: #0d4ebb;
}
.latest .txtArea .desc { padding: 10px 0; line-height: 2; }
.latest .txtArea .more {
	color: #0d4ebb;
	font-weight: 700;
}
/* news */
.news-list { }
.news-list li {
	border-bottom: 1px dashed #ddd;
	line-height: 39px;
	padding-left: 25px;
	background: url(../images/news-dot2.gif) no-repeat 6px;
}
.news-list li  a{ color:#333}
.news-list li  a:hover{ color:#0157a7}
.news-list li span { float: right; }
.text{ color:#000; font-size:14px; text-align:center; border-bottom:1px solid #dadada; line-height:55px;}
.bd{ margin:20px 0;}
/* job */
.career-list{padding-top:20px;}
.career-list table {width: 100%;}
.car_tit{ background: #004097;color:#fff;}
.career-list th {padding: 0 15px;line-height: 38px;	border-top: 1px solid #e7e7e7;	border-bottom: 1px solid #e7e7e7;
font-size: 14px;font-family: "Microsoft Yahei";}

.career-list .hd td {
	line-height: 38px;
	border-bottom: 1px dashed #e7e7e7;
	color: #333;
	font-size: 12px;
}
.career-list .hd td .li	{font-family: "Microsoft Yahei";background: url(../images/news-dot2.gif) no-repeat 6px;}

.career-list .td-position {	padding-left: 30px;}
.career-list .on {	position: relative}
.career-list .on td {	color: #126fb4}
.career-list .on td a {	color: #126fb4}
.career-list .on: after {	content: "";	display: block;	position: absolute;	border: 6px dashed transparent;	font-size: 0;	width: 0;	height: 0;	overflow: hidden;	line-height: 0;	border-bottom-color: #f1f1f1; 
border-bottom-style: solid;	left: 80px;	bottom: -1px;	z-index: 99;}
.career-list .bd {	position: relative;	display: none;	padding: 20px 20px 30px;	background: #f1f1f1;
	color: #333;	border-bottom: 1px dashed #e7e7e7}
.more02{ position: absolute; right:20px; top:20px;}
.career-list .bd h4 {	font-size: 14px;	font-family: "Microsoft Yahei";	font-weight: 300;	margin-bottom: 8px;}
.career-list a: hover {	text-decoration: underline;}

/* pro */
.pro-list2 { margin-right: -14px; }
.pro-list2 li { float: left; display: inline-block; margin-right: 19px; }
.pro-list2 li a { display: block; width: 331px; height: 140px; border: 1px solid #eee; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; margin-bottom: 27px; cursor: pointer; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.12); box-shadow: 1px 2px 4px rgba(0,0,0,.12);  overflow: hidden; }
.pro-list2 li .imgArea { width: 140px; height: 140px; float: left;}
.pro-list2 li .txtArea { width:185px; float:right; padding-top:25px;}
.pro-list2 li .txtArea h3 { font-weight: 300; color:#333; }
.pro-list2 li .txtArea .desc { padding-top: 10px; color:#666}
.pro-list2 li .more { position: absolute; right: 0; bottom: 0; color: #fff; background: #004f99; width: 16px; height: 16px; line-height: 16px; text-align: center; }
.pro-list2 .more .fa { line-height: 16px; font-size: 12px; }
.pro-list2 li a:hover { border-color: #ddd; }
.pro-list2 li a:hover .more { background: #ff5a00; }
.pro-list2 li a:hover .desc { color: #666; }
.pro-pic { text-align: center; }

/* proshow */
.con-prodetails{position: relative;margin-bottom: 30px;}
.pdimg{
	border: 1px solid #ededed;
	width: 336px;
	height: 243px;
	position: absolute;
}
.pdinfo{
	padding-left: 390px;
	height: 245px;
	line-height:20px;
	overflow: hidden;
	padding-top:20px;
}
.pdinfo h1{
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #ededed;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.pdinfo .pdintro{
	line-height: 2;
}

.pdinfo .pdintro span{
	color: #bc0c01;
}

.pddetails-con{
	padding: 30px 0 px 0 ;
}

.pddetails-con .hd {
	overflow: hidden;
	border-bottom:2px solid #197fc7
}
.pddetails-con .hd ul li{
	float: left;
	height: 30px;
	padding: 0 20px;
	line-height: 30px;
	margin-right: 3px;
	background-color: #e8f2f9;
	color: #fff;
	-webkit-transition: all 0.3s;
	   transition: all 0.3s;
	cursor: pointer;
}
.pddetails-con .hd ul li{ color:#333}
.pddetails-con .hd ul li.on,.pddetails-con .hd ul li:hover{
	background-color: #197fc7; color:#fff}
.pddetails-con .bd ul li{
	padding: 16px 5px 0 5px;
	color: #666;}
.pddetails-con .bd ul li .pdmovie{
	width: 645px;
	margin: 0 auto;
	padding: 30px 0}

/* tabs */
.pro-tab { margin-top: 37px;}
.tab-hd { border-bottom: 1px solid #ddd; }
.tab-hd h2 { float: left; font-weight: 300;font-size: 16px; color: #333; padding-bottom: 13px; cursor: pointer;}
.tab-hd h2 span { display: block;  padding: 0 30px; line-height: 28px; border-right: 1px solid #ddd; }
.tab-hd .on { padding-bottom: 10px; border-bottom: 3px solid #03472e;}

.tab-hd .more { }
.tab-bd { padding: 20px 0; }
.tab-cont { display: none; }

/*solution*/
.solution{ background:#e0e0e0; width:235px; height:245px; margin:0 8px 50px 7px; float:left}
.solution .imgArea { width: 212px; height: 180px; padding:11px;}
.solution .span { text-align:center}
.solution .span a{ color:#000; font-size:14px;}
.solution .span a:hover{ color:#08478e;}
.solution .more{ color:#fff; font-size:14px; text-align:center; background:#0d67ab; width:87px; height:28px; margin:20px 75px}
.solution .more a{ color:#FFF}
.solution .more:hover{ background:#197fc7; color:#FFF}


/*page*/
#dcms_pager { margin: 30px 0 }
#dcms_pager .pages { text-align: center }
#dcms_pager .pages a { display: inline-block; padding: 0 10px; margin: 0 4px; border: 1px solid #666666; color: #333; cursor: pointer; line-height: 25px; height: 25px;}
#dcms_pager .pages .pgcurrent {
	color: #fff;
	background-color: #197fc7;
	cursor: default;
}
#dcms_pager .pages .pgempty { cursor: not-allowed }
